<template>
  <div class="main">
      <div class="left">
    <el-card class="box-card" v-for="(item,index) in list" :key="index">
  <div slot="header" class="clearfix">
    <span>{{item.title}}</span>
  </div>
   <div>{{item.content}}}</div>
   <div>作者：{{item.auter}}日期：{{item.time}}</div>
</el-card>
   <div class="page">
        <el-pagination
        background
        layout="prev, pager, next"
        :total="1000">
        </el-pagination>
   </div>
       
  </div>
  <div class="right">
      <div>热点文章</div>
      <div class="bc"></div>
  </div>
    </div>

</template>

<script>
export default {
     props:{
         list:{
             type:Array,
             default:()=>{
                 return []
             }
         },
         count:{
             type:Number,
              default:1
         }
     }
}
</script>

<style scoped lang="scss">
.main{
    width: 1200px;
    display: flex;
    margin: 0 auto;
    padding-top: 25px;
    .left{
       width: 1200px;
       .page{
           margin-top: 20px;
           text-align: center;
       }
  }
  .right{
      width: 400px;
    .bc{
      
      height: 1px;
      background: black;
  }
  }
}
  

   
</style>